// SASS变量定义

// 颜色变量
$color-primary: #1677ff;
$color-success: #52c41a;
$color-warning: #faad14;
$color-error: #f5222d;
$color-info: #1890ff;

// 背景色
$bg-color: #f5f7ff;
$card-bg: #ffffff;
$dark-bg-color: #141414;

// 文字颜色
$text-color: #1f1f1f;
$text-color-secondary: #8c8c8c;
$dark-text-color: #f5f5f5;

// 字体
$font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC',
    'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial,
    sans-serif;

// 尺寸
$border-radius: 8px;
$max-content-width: 1200px;

// 间距
$spacing-xs: 4px;
$spacing-sm: 8px;
$spacing-md: 16px;
$spacing-lg: 24px;
$spacing-xl: 32px;

// 阴影
$shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
$shadow-hover: 0 12px 32px rgba(0, 0, 0, 0.1);

// 响应式断点
$breakpoint-mobile: 768px;
$breakpoint-tablet: 1024px;
$breakpoint-desktop: 1200px;
